<template>
  <div id="app">
    <the-header />    
    <router-view class="music-content"/>
    <song-audio/>
    <scroll-top></scroll-top>
    <the-footer></the-footer>
  </div>
</template>

<script>
import ScrollTop from './components/scrollTop.vue';
import TheHeader from './components/TheHeader.vue';
import TheFooter from './components/TheFooter.vue';
import SongAudio from './components/SongAudio.vue';

export default {
  name: 'App',
  components: {
    TheHeader,
    ScrollTop,
    TheFooter,
    SongAudio
}
}
</script>

<style  lang="scss" scoped>
@import './assets/css/app.scss';
</style>
